import React from 'react'

const style = {
    demo_show_width_code: {
        border: '1px red solid',
        display:'flex',
        flexDirection:'column'
    },
    demo_area: {
        display:'flex',
        backgroundColor: 'blue'
    },
    code_area: {
        display:'flex',
        backgroundColor: 'lightblue'
    }
}

export default props => {
    return <div style={style.demo_show_width_code} className="demo_show_width_code">

        <div style={style.demo_area} className="demo_area">
            {props.children}
        </div>
        <div style={style.code_area} className="code_area">
            {props.code_area}
        </div>

    </div>
}
